.page {
	background: #fff;	
}

.module:last-child {
	margin-bottom: 200rpx;
}

.module .title {
	padding: 20rpx;
	color: black;
	font-weight: bold;
	font-size: 30rpx;
}

.module .blocks {
	background: white;
	display: flex;
	flex-wrap: wrap;
}

.module .blocks .block {
	width: 33.3%;
	text-align: center;
	padding: 20rpx 0;
}

.module .blocks .block image {
	width: 70%;
	height: 23vw;
	background: #f5f5f5;
	/* #FFDA00 */
}

.module .blocks .block .name {
	padding: 10rpx 30rpx;
	/* 	overflow: hidden;
	text-overflow: ellipsis; */
	/* white-space: nowrap; */
	color: grey;
}

.module .blocks .block .price {
	color: orangered;
	font-weight: bold;
}

.footer {
	position: fixed;
	bottom: 0;
	width: 100%;

}



.contents {

	border-top: #f3f3f3 4rpx solid;
	/* background-color: #f3f3f3; */
	display: flex;
	justify-content: space-between;
	/* height: 200rpx; */
	padding-bottom: 10rpx;
	padding-top: 20rpx;
	width: 100%;
	position: absolute;
	bottom: 0;
	/* box-shadow: #eaeaea 4rpx 0 4rpx 0; */
}

.People {
	width: 423rpx;
	height: 458rpx;

}

.welcome {
	color: rgba(57, 153, 255, 1);
	font-size: 60rpx;
	/* 	font-size: 1.7rem; */
	line-height: 150%;
	font-weight: bold;
	margin: 0 30rpx 81rpx 30rpx;
	text-align: center;
}

.SaoMaING {
	width: 108rpx;
	height: 108rpx;
}

.ButtomIcon {
	width: 70rpx;
	height: 70rpx;

}

.ButtomTitle {
	margin-top: 10rpx;
}

.ButtomDesc {
	width: 170rpx;
	text-align: center;
	margin-top: 15rpx;
}

.ButtomList {
	display: flex;
	justify-content: space-evenly;
	width: 93vw; 
	padding-top: 40rpx;
	border: 5rpx solid #f3f3f3;
	padding-bottom: 20rpx;
	border-radius: 20rpx;
	gap: 20rpx;
	
	
}

.ButtomBox {
	display: flex;
	align-items: center;
	justify-content: center;
	/* position: fixed;	 */
	/* bottom: 180rpx; */
	width: 100vw;
	
	z-index: 10;
	position: absolute;
	bottom: 150rpx;
}

.ButtomDiv {
	display: flex;
	flex-direction: column;
	align-items: center;

}

.BottomSao {
	width: 290rpx;
	height: 290rpx;
	color: rgba(80, 80, 80, 1);
	background-color: rgba(54, 152, 252, 1);
	border-radius: 50%;
	font-size: 28rpx;
	line-height: 150%;
	border: rgba(221, 236, 252, 1) solid 16rpx;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-top: 32rpx;
}

.SaoMa {

	color: rgba(255, 255, 255, 1);
	font-size: 36rpx;
	line-height: 150%;
	text-align: center;
	margin-top: 10rpx;
	font-family: "Microsoft YaHei", serif;
	font-weight: 900;
}



.slogan-wechat {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 75rpx;
	left: 50%;
	transform: translateX(-50%);
	font-size: 40rpx;
	font-weight: normal;
}

.payscore-logo {
	width: 32rpx;
	height: 32rpx;
}

.payscore-text {
	margin-left: 8rpx;
	font-size: 8pt;
	color: #666666;
	font-family: PingFangSC-Regular, sans-serif;
}

.vertical-bar {
	margin-left: 8rpx;
	font-size: 8pt;
	color: #99666666;
	font-family: PingFangSC-Regular, sans-serif;
}

.open-wrapper {
	width: 320rpx;
	height: 80rpx;
	position: absolute;
	bottom: 140rpx;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 200rpx;
	background: #2b1910;
	box-shadow: 2rpx 2rpx 2rpx 2rpx #2b1910;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 40rpx;
	font-weight: normal;
}

.logo {
	width: 50rpx;
	height: 50rpx;
}

.open {
	margin-left: 16rpx;
	font-size: 32rpx;
	font-weight: normal;
	color: #eaeaea;
}

.content {
	display: flex;
	background: white;
	height: calc(100vh - 500rpx);
}

.nobanner {
	height: calc(100vh - 200rpx);
}

.content .classyList {
	width: 20vw;
	background: #f5f5f5;
	overflow: auto;
}


.content .classyList .classy {
	text-align: center;
	border-bottom: 2rpx solid white;
	padding: 20rpx 5rpx;
	color: grey;
}

.content .classyList .active {
	background: white;
	font-weight: bold;
	color: black;
}


.content .product-item {
	width: 33.33%;
	box-sizing: border-box;
	text-align: center;
	padding: 0 6.28%;
	margin-bottom: 40rpx;
}

.product-item .product-name {
	overflow: hidden;
	word-break: break-all;
	/* break-all(允许在单词内换行。) */
	text-overflow: ellipsis;
	/* 超出部分省略号 */
	display: -webkit-box;
	/** 对象作为伸缩盒子模型显示 **/
	-webkit-box-orient: vertical;
	/** 设置或检索伸缩盒对象的子元素的排列方式 **/
	-webkit-line-clamp: 2;
	/** 显示的行数 **/
}

.content .product-item image {
	width: 172rpx;
	height: 172rpx;
	display: inline-block;
}

.content .product-item .coupon {
	padding-top: 6rpx;
	color: #ff5722;
}

.swiper-banner {
	background-color: #f1f1f1;
}

.swiper-banner .swiper {
	height: 300rpx;
}

.swiper-banner .swiper image {
	width: 100%;
	height: 100%;
}

/*弹性布局样式*/
.uni-row {
	flex-direction: row;
	align-content: start;
}

.uni-flex {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.contact-service {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	width: 130rpx;
	height: 60rpx;
	padding: 12rpx;
	;
	position: fixed;
	top: 70%;
	right: 0;
	z-index: 999;
	font-size: 28rpx;
	text-align: center;
	border-radius: 50rpx 0 0 50rpx;
	border-color: #333333;
	box-shadow: #eaeaea 10rpx 4rpx 4rpx 4rpx;
}

.contact-service:active {}

.contact-logo {
	width: 48rpx;
	height: 48rpx;
}

.contact-text {
	margin-left: 16rpx;
}